<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            margin: 0;
        }

        .lunbotu{
            width: 590px;
            height: 470px;
            border: red solid 1px;
            margin: 100px auto;
            position: relative;
        }

        .imgs{
            list-style: none;
        }

        .imgs li{
            position: absolute;
            top: 0;
            left: 0;
        }

        .anniu .anniu1{
            position: absolute;
            top: 200px;
            left: 0;
        }

        .anniu .anniu2{
            position: absolute;
            top: 200px;
            left: 568px;
        }

        .kongxinyuan{
            /*position: absolute;*/
            /*bottom: 20px;*/
            /*left: 0;*/
            margin: 4px;
            width: 10px;
            height: 10px;
            border: 1px solid gray;
            border-radius: 10px;
            float: left;
        }

        .base_yuandian{
            height: 20px;
            width: 120px;
            position: absolute;
            bottom: 20px;
            left: 60px;
            /*border: 1px solid red;*/
        }
    </style>
</head>
<body>

<div class="lunbotu">
    <ul class="imgs">
        <!--轮播图-->
        <li><a href=""><img src="imgs/1.jpg" alt=""></a></li>
        <li><a href=""><img src="imgs/2.jpg" alt=""></a></li>
        <li><a href=""><img src="imgs/3.jpg" alt=""></a></li>
        <li><a href=""><img src="imgs/4.jpg" alt=""></a></li>

        <!--左右按钮-->
        <div class="anniu">
            <li class="anniu1"><a href="https://www.baidu.com"><img src="imgs/anniu1.png" alt=""></a></li>
            <li class="anniu2"><a href="https://www.taobao.com"><img src="imgs/anniu2.png" alt=""></a></li>
        </div>

        <!--圆点按钮-->
        <div class="base_yuandian">
            <a href=""><div class="kongxinyuan"></div></a>
            <a href=""><div class="kongxinyuan"></div></a>
            <a href=""><div class="kongxinyuan"></div></a>
            <a href=""><div class="kongxinyuan"></div></a>
        </div>
    </ul>
</div>



</body>
</html>